{% extends 'rango/base_bootstrap.html' %}

{% load staticfiles %}

{% block title %}User Profiles{% endblock %}

{% block body_block %}
<h1>User Profiles</h1>

<div class="panel">
	{% if userprofile_list %}
	<div class="panel-heading">
		<!-- Display search results in an ordered list -->
		<div class="panel-body">
			<div class="list-group">
				{% for listuser in userprofile_list %}
				<div class="list-group-item">
					{% if listuser.picture %}
					<img width="64" height="64" src="{{ MEDIA_URL}}{{listuser.picture}}"/>
					{% else %}
					<img width="64" height="64" src="http://lorempixel.com/64/64/people/"/>
					{% endif %}

					<h4 class="list-group-item-heading">
						<a href="{% url 'profile' listuser.user.username %}">{{ listuser.user.username }}</a>
					</h4>



				</div>
				{% endfor %}
			</div>
		</div>
	</div>
	{% else %}
		<p>There are no users for the site.</p>
	{% endif %}
</div>
{% endblock %}